@import url("icon/iconfont.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1; font: 15px/normal Verdana, Arial, Helvetica, sans-serif; font-family: Microsoft YaHei;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
a:hover, a:visited, a:link, a:active {
    text-decoration: none;
}
body{background-color: #e9edf0;}
.logo{
	width: 1200px;
	height: 125px;
	margin: 0 auto;
	overflow: hidden;
}
.logo img{
	width: 150px;
	height: 35px;
	margin: 45px 0 0 25px;
}
.one-brand{
	float: right;
	font-size: 20px;
	color: #4a4a4a;
	line-height: 35px;
	margin: 35px 25px 0 0;
}
.one-brand span{
	display: block;
	color: #0f74bc;
}
.nav-warp{
	width: 100%;
	background-color: #2b2b2b;
}
.nav{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}



.img-list{ margin:-15px 0 0 -15px; *display:inline-block; }
    .img-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .img-list .nodata{ color:#999; line-height:80px; text-align:center; }
    .img-list li{ position:relative; float:left; margin:15px 0 0 15px; width:220px; height:auto; background:#fff; overflow:auto; _display:inline; }
    .img-list li .img-box{ display:block; position:relative; width:220px; height:220px; overflow:hidden; }
    .img-list li .img-box .abs-txt{ position:absolute; top:8px; left:0; display:inline-block; padding:0 6px; color:#fff; font-size:12px; line-height:24px; background:#c81623; text-align:center; border-radius:0 3px 3px 0; }
    .img-list li .img-box img{ width:100%; height:100%;}
    .img-list li .info{ display:block; text-align:left; margin:15px; }
    .img-list li .info h3{ display:block; line-height:20px; height:40px; font-size:12px; font-weight:normal; overflow:hidden; }
    .img-list li .info p{ display:block; line-height:28px; color:#999; font-size:12px; }
    .img-list li .info p.price{ padding-top:10px; line-height:18px; }
    .img-list li .info p.price b{ margin-right:2px; color:#f40; font-size:16px; }
    .img-list li .info p strong{ float:right; font-weight:normal; }
    .img-list li .info p span.price{ color:#fb2104; font-size:14px; font-weight:600; }
    .img-list li em{ position:absolute; display:none; margin:-30px auto auto -30px; top:50%; left:50%; width:60px; height:60px; font-style:normal; filter:alpha(Opacity=60); -moz-opacity:0.6;opacity:0.6; }
    .img-list li em i{ color:#fff; font-size:60px; line-height:60px; }
    .img-list li a:hover em{ display:block; }
    .img-list li .abs-bg{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:#000; opacity:0.3; filter:alpha(opacity=30); -moz-opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); }
    .img-list li .remark{background:#0f74bc;position:absolute; left:0; bottom:0; right:0; width:100%; height:40px; line-height:40px; text-align:left; overflow:hidden; }
    .img-list li .remark h3{text-align:center;color:#fff; font-size:12px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .img-list li .remark p{ padding:0 15px; color:#eee; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }





.page-box{padding-bottom:55px;text-align:center;}
.nav ul li{
	display: inline-block;
	float: left;
	text-align: center;
}
.nav ul li a{
	display: inline-block;
	width: 120px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
}

.nav ul li.cut a{
	background-color: #0f74bc;
}
.carousel-warp{
	width: 100%;
	height: 476px;
	position: relative;
}
.carousel{
	width: 100%;
	text-align: center;
}
.carousel ul li img{
	width: 100%;
}
.carousel ul li{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.prev{
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../images/prev.png) no-repeat;
	position: absolute;
	left: 30px;
	top: 45%;
	z-index: 2;
}
.next{
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../images/next.png) no-repeat;
	position: absolute;
	right: 30px;
	top: 45%;
	z-index: 2;
}
.dot{
    display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    bottom: 20px;
}
.dot li{
	display: inline-block;
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 15px;
	background: url(../images/dot1.png) no-repeat;
}
.banner{
	width: 100%;
	height: 476px;
	position: relative;
}
.lunbo{
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0 auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.lunbo li{
	position: absolute;
	margin: 0 auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}
.lunbo li a img{
	width: 100%;
	height: auto;
}

.position{
	display: block;
	width: 100%;
	position: absolute;
	text-align: center;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 20px;
}
.position li{
	display: inline-block;
	margin-left: 15px;
}
.position li s{
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../images/dot.png) no-repeat;
}
.position li.cur s{
	background: url(../images/dot1.png) no-repeat;
}
.product{
	width: 1200px;
	margin: 0 auto;
	clear: both;
	margin-top: 90px;
	margin-bottom: 60px;
	overflow: hidden;
}
.product ul li{
	display: inline-block;
	float: left;
	margin: 0 40px;
	width: 220px;
	text-align: center;
}
.product ul li a s{
	display: inline-block;
	width: 140px;
	height: 140px;
	background: url(../images/icon.png) no-repeat;
	background-position: 0 -43px;
}
.product ul li.proicon1 a s{
	background-position: 0 -306px;
}
.product ul li.proicon2 a s{
	background-position: 0 -562px;
}
.product ul li.proicon3 a s{
	background-position: 0 -817px;
}
.product ul li a span{
	display: block;
	color: #000;
	font-size: 16px;
	margin-top: 15px;
}
.product ul li a span em{
	display: block;
	font-style: normal;
	color: #666;
	font-size: 14px;
	line-height: 35px;
}
.product ul li a p{
	color: #666;
	font-size: 14px;
}
.ourselves{
	width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
	overflow: hidden;
	background: url(../images/usbj1.png) no-repeat;
	background-position: 120px 0;
}
.list-to{
	color: #333;
	font-size: 14px;
	line-height: 35px;
}
.ourselves ul li{
	display: inline-block;
	float: left;
	margin-left: 20px;
	width: 580px;
	background: url(../images/usbj2.png) no-repeat;
	background-position: 100% 0;
}
.ourselves ul li.us{
	background: none;
}
.list-to span{
	color: #797979;
	font-size: 12px;
}
.content{
	width: 500px;
	height: 150px;
}
.content p{
	line-height: 25px;
	font-size: 14px;
	color: #666;
}
.more a{
	display: inline-block;
	margin-top: 30px;
	color: #fff;
	font-size: 12px;
	padding: 0 16px;
	height: 18px;
	border-radius: 4px;
	background-color: #fe9e16;
}
.content ul li a{
	display: inline-block;
	color: #666;
	font-size: 14px;
	line-height: 30px;
	width: 310px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.content ul li a:hover{
	color: #fe9e16;
}
.content a img{
	margin: 10px 0 0 30px;
}
.footer-warp{
	width: 100%;
	background-color: #2b2b2b;
	border-top: 3px solid #0f74bc;
	clear: both;
}
.footer{
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}
.footer-left{
	float: left;
	width: 840px;
}
.footer-left span{
	display: inline-block;
	color: #4a4a4a;
	margin: 30px;
}
.footer-right{
	float: right;
}
.footer-right img{
	width: 150px;
	height: 35px;
	margin: 80px 0 0 25px;
}
.footer-nav{
	display: block;
	overflow: hidden;
	margin: 60px 0 20px 20px;
}
.footer-nav ul li{
	display: inline-block;
	float: left;
}
.footer-nav ul li a{
	display: inline-block;
	color: #fff;
	line-height: 25px;
	font-size: 14px;
    padding-right: 50px;
}
.footer-nav ul li a:hover{
	color: #ff0000;
}
.contact{
	display: block;
	overflow: hidden;
	padding: 20px 0 20px 20px;
	border-top: 1px dashed #4a4a4a;
	border-bottom: 1px dashed #4a4a4a;
}
.contact ul li{
	display: inline-block;
	float: left;
	text-align: center;
	margin-right: 40px;
}
.contact ul li a{
	display: inline-block;
	color: #4a4a4a;
	line-height: 31px;
	font-size: 14px;
	padding-left: 40px;
	background: url(../images/footer.png) no-repeat;
	background-position: 0 -5px;
}
.contact ul li.fticon1 a{
	background-position: 0 -80px;
}
.contact ul li.fticon2 a{
	background-position: 0 -159px;
}

.page-main{
	width: 100%;
}
.page-img{
	width: 100%;
	text-align: center;
}
.page-img img{
	width: 100%;
}
.about{
	width: 1200px;
	margin: 15px auto;
}
.about-left{
	width: 240px;
	float: left;
	border: 1px solid #ccc;
	padding-bottom: 200px;
	margin-bottom: 30px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.left-head{
	width: 100%;
	height: 40px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	background-color: #0f74bc;
	line-height: 40px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.left-lanmun{
	margin: 0 5px;
}
.left-lanmun ul li a{
	display: inline-block;
	width: 225px;
	line-height: 40px;
	padding-left: 5px;
	color: #666;
	font-size: 14px;
	border-bottom: 1px dashed #ccc;
}
.left-lanmun ul li .zi-lumanu a{
	display: inline-block;
	width: 200px;
	line-height: 40px;
	padding-left: 30px;
	color: #666;
	font-size: 14px;
	border-bottom: 1px dashed #ccc;
}
.left-lanmun ul li span{
	display: inline-block;
	width: 225px;
	line-height: 40px;
	padding-left: 5px;
	color: #666;
	font-size: 14px;
	border-bottom: 1px dashed #ccc;
}
.about-right{
	width: 930px;
	float: right;
}
.weizhi{
	float: right;
}
.weizhi span{
	padding-left: 18px;
	color: #999;
	font-size: 14px;
	line-height: 40px;
	background: url(../images/mb.png) no-repeat;
	background-position: 0 4px;
}
.weizhi span a{
	color: #999;
	font-size: 14px;
}
.weizhi span a:hover{
	color: #e7a836;
}
.rigth-to{
	display: block;
	clear: both;
	padding-left: 10px;
	line-height: 35px;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	color: #0f74bc;
}
.right-word {
	margin: 20px;
}
.right-word p{
	font-size: 14px;
	color: #333;
	text-indent: 2em;
}
.new{
	margin-bottom: 50px;
}
.new ul li{
	width: 100%;
	padding: 30px 0;
	overflow: hidden;
}
.new ul li a img{
	float: left;
	margin-left: 10px;
	width: 150px;
	height: 95px;
}
.new-list{
	display: inline-block;
	width: 730px;
	float: left;
	margin-left: 20px;
	color: #333;
	font-style: 14px;
}
.new-list span em{
	display: block;
	font-style: normal;
	color: #333;
	font-size: 12px;
	line-height: 25px;
}
.new-list p{
	color: #666;
	font-size: 14px;
	line-height: 25px;
}
.support{
	margin-top: 10px;
}
.support ul li{
	width: 100%;
	overflow: hidden;
}
.support ul li span{
	display: inline-block;
	width: 800px;
	line-height: 40px;
	padding-left: 20px;
	color: #333;
	font-size: 14px;
}
.support ul li a{
	display: inline-block;
	color: #333;
	font-size: 14px;
}
.support ul li a:hover{
	color: #e7a836;
}
.relation-central{
	margin: 50px 0;
}
.relation-head{
	width: 290px;
	line-height: 35px;
	color: #02419b;
	font-size: 14px;
	font-weight: 600;
	margin-left: 30px;
}
.relation-list{
	width: 100%;
}
.relation-list ul{
	width: 100%;
	overflow: hidden;
}
.relation-list ul li span{
	line-height: 35px;
	color: #000;
	font-size: 14px;
}
.relation-list ul li{
	display: inline-block;
	float: left;
	width: 290px;
	border-top: 1px dashed #ccc;
	margin: 0 30px 40px 30px;
}
.relation-list ul li p{
	color: #545454;
	font-size: 14px;
}
.catalogue{
	width: 100%;
	margin: 30px 0;
}
.catalogue ul li{
	width: 220px;
	text-align: center;
	margin: 0 45px;
	display: inline-block;
	float: left;
	margin-bottom: 30px;
}
.catalogue ul li a img{
	width: 100%;
	height: 220px;
}
.catalogue ul li a span{
	display: block;
	line-height: 35px;
	color: #333;
	font-size: 18px;
}

.wx-js{
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
.wx-word{
	margin: 30px 0 150px 0;
	overflow: hidden;
}
.wx-word p{
	text-indent: 2em;
	font-size: 14px;
	color: #333;
}
.wx-word p b{
	color: #ff0000;
	font-size: 18px;
	font-weight: 400;
}
.wx-word img{
	display: block;
	margin: 0 auto;
}
.trends{
	margin: 20px 0 200px 0;
}
.trends ul li{
	width: 100%;
	height: 200px;
}
.trends-word{
	width: 900px;
	margin: 0 auto;
}
.replacedt span{
	display: inline-block;
	color: #333;
	font-size: 20px;
	margin-top: 40px;
}
.replacedd1{
	margin: 5px 0 10px 0;
}
.replacedd1 span{
	color: #959595;
	font-size: 14px;
}
.replacedd2 span{
	display: inline-block;
	color: #959595;
	height: 40px;
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 10px;
	overflow: hidden;
}
.replacedd2 a{
	color: #333;
	font-size: 14px;
}
.replacedd2 a:hover{
	color: #ff0000;
}
.shuru{
	margin: 20px;
	overflow: hidden;
}
.shuru ul li{
	width: 100%;
	margin: 10px 0;
}
.shuru ul li input{
	display: inline-block;
	width: 800px;
}
.shuru-content span{
	float: left;
}
.shuru ul li textarea{
	width: 800px;
	height: 200px;
	float: left;
}
.submit{
	display: inline-block;
	width: 120px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	background-color: #f64242;
	margin: 0 380px;
	text-align: center;
	font-size: 20px;
	border-radius: 10px;
}
.jiaru{
	display: none;
}
.msg-box{ display:block; margin:0; padding:6px; border:1px solid #fbf2b5; background:#fcfbda; }
    .msg-box i{ display:block; float:left; margin:4px 0 0; font-size:12px; color:#A094A9; width:18px; height:18px; text-align:center; vertical-align:middle; }
    .msg-box p{ margin-left:18px; line-height:24px; color:#A4A147; font-size:12px; }
.form-box{}
    .form-box .form-group{ margin:0; padding:10px 0; clear:both;}
    .form-box .form-group .tips{ margin-left:16%; color:#666; font-size:12px; line-height:20px; }
    .form-box .form-group dt{ display:block; float:left; padding-right:2%; width:14%; line-height:40px; text-align:right; color:#888; }
    .form-box .form-group dd{ display:block; position:relative; margin-left:16%; line-height:40px; }
    .form-box .form-group dd img{ vertical-align:middle; }
    .form-box .form-group dd .input{ display:inline-block; padding:0 10px; width:50%; height:40px; line-height:20px; border:1px solid #e0e0e0; }
    .form-box .form-group dd .input.code{ width:80px; }
    .form-box .form-group dd .select{ display:inline-block; padding:10px; height:40px; line-height:20px; border:1px solid #e0e0e0; }
    .form-box .form-group dd .textarea{ display:inline-block; padding:10px; width:50%; height:80px; line-height:20px; border:1px solid #e0e0e0; vertical-align:middle; overflow:auto; }
    .form-box .form-group dd .submit{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#fff; font-size:14px; border:1px solid #d70029; background:#d70029; cursor:pointer; }
    .form-box .form-group dd .button{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#666; font-size:14px; border:1px solid #eee; background:#eee; cursor:pointer; }
    .form-box .form-group dd label.mart{ margin-right:5px; }